<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="icon" type="image/png" href="/vlc/images/favicon.ico">
		<title>VLC remote control</title>
		<script src="/vlc/js/jquery-1.7.1.min.js" type="text/javascript"></script>
		<script src="/vlc/js/jquery.mobile-1.1.0.min.js" type="text/javascript"></script>
		<script src="/vlc/js/module_vlc.js" type="text/javascript"></script>
		<script src="/vlc/js/mobile_module_vlc.js" type="text/javascript"></script>
		<link type="text/css" href="/vlc/css/mobile_module_vlc.css" rel="stylesheet">
		<link type="text/css" href="/vlc/css/jquery.mobile-1.1.0.min.css" rel="stylesheet">
	</head>
	<body>
		<!-- Home -->
		<div data-role="page" id="page1">
			<div data-theme="a" data-role="header" data-position="fixed">
				<h3>VLC Remote</h3>
			</div>
			<div data-role="content" style="padding: 15px">
				<input value="Play" type="button" command="pl_play"/>
				<input value="Pause" type="button" command="pl_pause"/>
				<input value="Stop" type="button" command="pl_stop"/>
				<input value="Fullscreen" type="button" command="fullscreen"/>
				<div data-role="fieldcontain">
					<div id="slider"></div>
<!-- 					<fieldset data-role="controlgroup"> -->
<!-- 						<input name="slider" id="slider1" value="0" min="0" max="100" data-highlight="true" data-track-theme="d" type="range" /> -->
<!-- 					</fieldset> -->
				</div>
			</div>
		</div>
		<script>
			$(document).ready( function() {
				moduleVlc.initialize();
			});
		</script>
	</body>
</html>